<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta charset="UTF-8">
    <title>ITArmy</title>
    <link rel="icon" type="image/x-icon" href="/static/images/logoIcon.icon">
    <link rel="stylesheet" type="text/css" href="/static/css/read.css">
</head>

<body>
<div class="content">
    <div class="heard">
        <div class="buy">立即购买</div>
        <div class="title">
            <span></span>
        </div>
    </div>
    <div id="Article" >
        <div class="left" >
            <div class="body">
                <div class="dd" th:each="chapter:${chapter}">
                    <div class="chapter">
                        <a class="section">
                            <div class="step">
                                <div class="step-btn" th:text="${chapter.chId}"></div>
                            </div>
                            <div class="word" th:text="${chapter.chTitle}"></div>
                            <div class="main" th:text="${chapter.chAddress}" style="display:none;"></div>
                        </a>
                    </div>
                    <div class="border"></div>
                </div>
                <div class="foot">
                    <a class="write" href="/test/editor">写连载</a>
                    <a class="back" href="#" onClick="javascript :history.back(-1);">返回</a>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="right1">
                <div class="article"></div>
            </div>
        </div>
<!--        <div class="bg-model">-->
<!--            <div class="card">-->
<!--                <div class="disappear">x</div>-->
<!--                <div class="card-content">-->
<!--                    <h3>确认购买书籍</h3>-->
<!--                    <div class="card-list">-->
<!--                        <div class="tip-all">支付总额</div>-->
<!--                        <div class="consumption" th:text="${serialize.serialize.sPrice}"></div>-->
<!--                        <div class="consumption">￥</div>-->
<!--                    </div>-->
<!--                    <form action="/pay/buySerialize" method="POST">-->
<!--                        <input name="SerializIed" type="hidden" th:value="${serialize.serialize.sId}">-->
<!--                        <button type="submit" class="pay-prise" >支付</button>-->
<!--                    </form>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
</div>
</div>
</body>
<script type="text/javascript" src="/static/js/jquery-3.4.0.js"></script>
<script  type="text/javascript" src="/static/js/read.js"></script>
</html>